import 'dart:async';
import 'package:enjoy_community_flutter/utils/event_bud.dart';
import 'package:enjoy_community_flutter/utils/http.dart';
import 'package:enjoy_community_flutter/utils/toast.dart';
import 'package:enjoy_community_flutter/utils/token.dart';
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});

  @override
  State<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  int _countDown = 60; // 倒计时
  bool _isCountingDown = false; // 是否正在倒计时
  Timer? _timer; // 倒计时实例
  final String _countDownKey = 'login_count_down_key'; // 持久化倒计时
  final String _phoneKey = 'login_phone_key'; // 持久化请求手机号
  final _phoneController = TextEditingController(); // 手机号输入框控制器
  final _codeController = TextEditingController(); // 验证码输入框控制器

  // 验证手机号格式并发送获取验证码请求
  _verifyPhone() async {
    if (_phoneController.text.isEmpty) {
      return ToastUtil.showError('手机号不能为空！');
    }
    final regExp = RegExp(r'^1[3-9]\d{9}$');
    if (!regExp.hasMatch(_phoneController.text)) {
      return ToastUtil.showError('手机号格式不正确！');
    }
    // 如果正在倒计时，不能重新发送验证码请求
    if (_isCountingDown) return;
    // 发送网络请求获取验证码
    final res = await http.get('/code', params: {
      'mobile': _phoneController.text,
    });
    if (res['code'] != 10000) return ToastUtil.showError('获取验证码失败!');
    ToastUtil.showSuccess('获取验证码成功~');
    // 延迟两秒添加验证码
    Future.delayed(const Duration(seconds: 2), () {
      _codeController.text = res['data']['code'];
    });

    // 开启验证码倒计时
    _startCountDown();
  }

  // 开启验证码倒计时
  _startCountDown() {
    // 如果已经开启倒计时，不能重复开启
    if (_isCountingDown) return;
    // 开启倒计时
    _isCountingDown = true;
    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
      setState(() {
        if (_countDown > 1) {
          _countDown--;
        } else {
          // 倒计时结束，清除倒计时，重置倒计时条件
          _countDown = 60;
          _isCountingDown = false;
          _timer?.cancel();
        }
      });
    });
  }

  _login() async {
    // 1.验证手机号格式
    if (_phoneController.text.isEmpty) {
      return ToastUtil.showError('手机号不能为空！');
    }
    final phoneRegExp = RegExp(r'^1[3-9]\d{9}$');
    if (!phoneRegExp.hasMatch(_phoneController.text)) {
      return ToastUtil.showError('手机号格式不正确！');
    }
    // 2.验证验证码格式
    final codeRegExp = RegExp(r'^\d{6}$');
    if (!codeRegExp.hasMatch(_codeController.text)) {
      return ToastUtil.showError('验证码格式不正确！');
    }
    // 3.发送登录请求
    final res = await http.post('/login',
        {'mobile': _phoneController.text, 'code': _codeController.text});
    // 4.判断登录请求是否成功
    if (res['code'] != 10000) return ToastUtil.showError('登录失败！');
    ToastUtil.showSuccess('登录成功~');
    // 5.登陆成功后存储token
    final tokenMgr = TokenManager();
    tokenMgr.setToken(res['data']['token']);
    // 6.清除定时器
    _timer?.cancel();
    // 通知我的页面刷新用户信息
    eventBus.fire(RefreshMine());
    // 7.返回上一页
    // ignore: use_build_context_synchronously
    Navigator.pop(context);
  }

  @override
  void initState() {
    super.initState();
    // 从localstorage中拿到倒计时终止时间，如果还没到终止时间，恢复倒计时
    _resumeCountDown();
  }

  _resumeCountDown() async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    if (prefs.get(_countDownKey) == null || prefs.get(_phoneKey) == null) {
      return;
    }
    final overTime = prefs.get(_countDownKey) as int;
    final savePhone = prefs.get(_phoneKey) as String;
    final nowTime = DateTime.now().millisecondsSinceEpoch ~/ 1000;
    if (overTime > nowTime) {
      setState(() {
        _countDown = overTime - nowTime;
        _phoneController.text = savePhone;
      });
      _startCountDown();
    }
    // 倒计时状态恢复，清除持久化的倒计时数据
    prefs.remove(_countDownKey);
    prefs.remove(_phoneKey);
  }

  @override
  void deactivate() {
    super.deactivate();
    // 离开页面，清除倒计时，避免倒计时仍在其他页面执行，占用性能
    _timer?.cancel();
    // 判断当前倒计时有没有结束，如果没有将倒计时终止时间记录下来
    _saveCountDownState();
  }

  _saveCountDownState() async {
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    // 如果token已经有了就不需要保存倒计时状态，如果token为空并且没有开启倒计时也不需要保存倒计时状态
    if (prefs.get('enjoy_community_token') != null || !_isCountingDown) return;
    DateTime now = DateTime.now();
    prefs.setInt(
        _countDownKey, (now.millisecondsSinceEpoch ~/ 1000) + _countDown);
    prefs.setString(_phoneKey, _phoneController.text);
  }

  /* 
    修补两个bug
      1.localstorage中并没有存入倒计时的key，初始函数里面还去获取这个key并转为int类型 会报null异常
      2.当用户进入登录页并没有点击获取验证码，但是仍往localstorage里面存入了一个终止时间，
          导致用户再进入登录页发现倒计时开启了

      解决： 修改一下判断条件
   */

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Colors.white,
        appBar: AppBar(
          title: const Text('登录'),
          backgroundColor: Colors.transparent,
          centerTitle: true,
        ),
        body: Container(
            padding: const EdgeInsets.all(20),
            child:
                Column(mainAxisAlignment: MainAxisAlignment.start, children: [
              const Row(
                children: [
                  Text('登录',
                      style:
                          TextStyle(fontSize: 25, fontWeight: FontWeight.bold))
                ],
              ),
              const SizedBox(height: 10),
              const Row(
                children: [
                  Text('加入享+, 让生活更轻松', style: TextStyle(fontSize: 15))
                ],
              ),
              const SizedBox(height: 30),
              Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Expanded(
                    child: TextField(
                      decoration: const InputDecoration(
                        labelText: '手机号',
                        hintText: '请输入手机号',
                      ),
                      controller: _phoneController,
                      maxLength: 11,
                      keyboardType: TextInputType.phone,
                    ),
                  ),
                  ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Colors.white,
                      shadowColor: Colors.transparent,
                      foregroundColor: const Color.fromARGB(255, 85, 145, 175),
                      minimumSize: const Size(100, 50),
                    ),
                    onPressed: () {
                      // _startCountDown();
                      _verifyPhone();
                    },
                    child: _isCountingDown
                        ? Text(
                            '${_countDown}s后重新获取',
                            style: const TextStyle(color: Colors.green),
                          )
                        : const Text('获取验证码'),
                  ),
                ],
              ),
              const SizedBox(height: 8),
              TextField(
                decoration: const InputDecoration(
                  labelText: '验证码',
                  hintText: '请输入6位验证码',
                ),
                controller: _codeController,
                maxLength: 6,
                keyboardType: TextInputType.number,
              ),
              const SizedBox(height: 8),
              const Row(children: [
                Text('未注册手机号经验证后将自动登录',
                    style: TextStyle(fontSize: 12, color: Colors.grey)),
              ]),
              const SizedBox(height: 50),
              Row(children: [
                Expanded(
                    child: ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    backgroundColor: const Color.fromARGB(255, 85, 145, 175),
                    minimumSize: const Size(100, 50),
                  ),
                  onPressed: () {
                    _login();
                  },
                  child: const Text('登录',
                      style: TextStyle(color: Colors.white, fontSize: 20)),
                ))
              ])
            ])));
  }
}
